<template>
    <div style="height:100%;width:100%;" class="dataSearch">
        <bar class="bar" @on-back="$router.back()" title="事件记录详情"> </bar>
        <group class="dataSearch-block">
            <cellBox>
                <div><img src="../../../assets/logo1.png" style="vertical-align: middle;height:35px;margin-right:10px;" />油巴加油机管理平台</div>
            </cellBox>
        </group>
        <group>
            <cell-form-preview :list="list" class="cell-form"></cell-form-preview>
        </group>
    </div>
</template>

<script>
    import constants from '../../../util/Constants.vue'
    import {
        Bar
    } from 'muka-ui'
    import {
        Group,
        CellBox,
        CellFormPreview
    } from 'vux'
    export default {
        name: 'detailOnly',
        components: {
            Bar,
            Group,
            CellBox,
            CellFormPreview
        },
        data: function () {
            return {
                eventType:null,
                list: [],
            }
        },
        created: function () {
            let params = this.$route.query
            this.list = [{
                label: '事件编号',
                value: params.id
            }, {
                label: '事件类型',
                value: constants.EVENT_TYPE[params.type]
            }, {
                label: '事件发生时间',
                value: params.happenTime
            }, {
                label: '事件描述',
                value: params.description
            }]
        }
    }

</script>
